import './assets/main.css'

import { createApp } from 'vue'
import { createPinia } from 'pinia'

import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'

import VxeUIBase from 'vxe-pc-ui'
import 'vxe-pc-ui/es/style.css'

import VxeUITable from 'vxe-table'
import 'vxe-table/es/style.css'

import { createHead } from '@vueuse/head'

import App from './App.vue'
import router from './router'

const app = createApp(App)

const head = createHead()

app.use(head)

app.use(ElementPlus, {
  // size: 'small', // set element-plus default size
  zIndex: 3000 // set element-plus default z-index
})
app.use(createPinia())
app.use(router)

VxeUITable.setConfig({
  size: 'mini'
})

app.use(VxeUIBase)
app.use(VxeUITable)

app.mount('#app')
